<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>依旧爱你</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #fff5f7;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
        }
        
        .love-text {
            position: absolute;
            text-align: center;
            z-index: 10;
            width: 80%;
        }
        
        .line1, .line2 {
            font-size: 2rem;
            font-weight: bold;
            color: #7ec0ee; /* 改为淡蓝色 */
            text-shadow: 0 0 5px rgba(126, 192, 238, 0.5);
            animation: pulse 3s infinite alternate;
            display: block;
            line-height: 1.5;
            margin: 5px 0;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); opacity: 0.9; }
            100% { transform: scale(1.05); opacity: 1; }
        }
        
        .smile {
            position: absolute;
            pointer-events: none;
            animation: float 8s ease-in-out infinite;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            filter: drop-shadow(0 0 5px rgba(232, 67, 147, 0.5));
        }
        
        @keyframes float {
            0%, 100% { 
                transform: translateY(0) rotate(0deg) scale(1);
            }
            25% {
                transform: translateY(-20px) rotate(5deg) scale(1.1);
            }
            50% {
                transform: translateY(0) rotate(0deg) scale(1);
            }
            75% {
                transform: translateY(-15px) rotate(-5deg) scale(1.05);
            }
        }
        
        .heart-trail {
            position: absolute;
            font-size: 12px;
            color: #fd79a8;
            animation: fade 2s forwards;
        }
        
        @keyframes fade {
            0% { opacity: 1; transform: translateY(0) scale(1); }
            100% { opacity: 0; transform: translateY(-30px) scale(1.5); }
        }
    </style>
</head>
<body>
    <div class="love-text">
        <span class="line1">即使分开</span>
        <span class="line2">我依旧私自爱你</span>
    </div>
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            createSmiles();
            setInterval(createSmiles, 500);
        });
        
        function createSmiles() {
            const numSmiles = 15;
            const smiles = ['😊', '😍', '🥰', '😘', '😚', '😙'];
            
            for (let i = 0; i < numSmiles; i++) {
                const smile = document.createElement('div');
                smile.className = 'smile';
                smile.textContent = smiles[Math.floor(Math.random() * smiles.length)];
                
                // 随机大小
                const size = Math.random() * 20 + 30;
                smile.style.fontSize = `${size}px`;
                
                // 随机位置
                smile.style.left = `${Math.random() * 100}vw`;
                smile.style.top = `${Math.random() * 100}vh`;
                
                // 随机动画
                smile.style.animationDelay = `${Math.random() * 3}s`;
                smile.style.animationDuration = `${Math.random() * 4 + 6}s`;
                
                // 随机透明度
                smile.style.opacity = 0.7 + Math.random() * 0.3;
                
                document.body.appendChild(smile);
                
                // 创建爱心轨迹
                createHeartTrail(smile);
                
                // 8秒后移除
                setTimeout(() => {
                    smile.remove();
                }, 8000);
            }
        }
        
        function createHeartTrail(element) {
            const interval = setInterval(() => {
                const heart = document.createElement('div');
                heart.className = 'heart-trail';
                heart.textContent = '❤';
                heart.style.left = `${parseInt(element.style.left) + 15}px`;
                heart.style.top = `${parseInt(element.style.top) + 40}px`;
                document.body.appendChild(heart);
                
                // 2秒后移除爱心
                setTimeout(() => {
                    heart.remove();
                }, 2000);
            }, 300);
            
            // 停止创建轨迹
            setTimeout(() => {
                clearInterval(interval);
            }, 7000);
        }
    </script>
</body>
</html>